<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			@font-face {
				/*指定字体的名字*/
				font-family:'myfont';
				/*服务器中字体路径*/
				src: url('font/ZCOOLKuaiLe-Regular.ttf') /*format("truetype")*/;
			}
			p{
				/*字体相关的样式
				 	color用来设置字体颜色
				 	font-size字体的大小
				 	    和font-size相关的单位
				 	  em：相当于当前元素的一个font-size
				 	  rem 相当于根元素的一个font-size
				 	  
				 	  *font-family 字体族（字体的格式）
				 	  *   可选值：serif 衬线字体（比如l）
				 	  *          sans-serif 非衬线字体
				 	  * 		 monospace 等宽字体
				 	  * 				-指定字体的类别，浏览器会自动使用该类别下的字体
				 	  * font-family 可以同时指定多个字体，多个字体间用逗号隔开
				 	  *    字体生效时优先使用第一个，第一个无法使用则使用第二个，以此类推
				 	  *  */
				 	 color:red;
				 	 font-size:40px;
				 	 /*font-family:'Courier New'/*当字体中间出现空格的时候最好加上引号*/,/*Courier,monspace;*/
				 	font-family: myfont;
			}
		</style>
	</head>
	<body>
		<p>今天天气真不错，Hello How are you？</p>
	</body>
</html>
